.register {
    background-image: url(../image/background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    form {
        .mt(55);
        .ng-invalid {
            &+span {
                position: absolute;
                color: @dangerColor;
                right: 0;
                height: 100%;
                text-align: right;
                font-size: 12px;
                p {
                    margin: 0;
                }
            }
        }
        .form_line {
            margin-left: auto;
            margin-right: auto;
            box-sizing: content-box;
            font-size: 0;
            .w(300);
            .h(40);
            .lh(40);
            color: @defaultColor;
            &:first-child {
                border-bottom: 1px solid @defaultColor;
            }
            span.icon {
                background-color: @iconBgColor;
                background-position: 20px 10px;
                height: 100%;
                background-repeat: no-repeat;
                .w(55);
            }
            .account {
                background-image: url(../image/account.png);
            }
            .lock {
                background-image: url(../image/lock.png);
            }
            input {
                border-width: 0;
                background-color: @formBgColor;
                outline-width: 0;
                height: 100%;
                box-sizing: border-box;
                color: @defaultColor;
                .w(245);
                .fs(14);
                &::-webkit-input-placeholder {
                    color: @defaultColor;
                }
            }
        }
        .message_wrap {
            .mt(40);
            .w(300);
            margin-left: auto;
            margin-right: auto;
            .message_box {
                border-width: 0;
                background-color: @formBgColor;
                color: @defaultColor;
                outline-width: 0;
                box-sizing: border-box;
                .w(190);
                .h(40);
                .fs(14);
                .pl(30);
                &::-webkit-input-placeholder {
                    color: @defaultColor;
                }
            }
            .message {
                .fs(14);
                color: @headBgColor;
                border: 1px solid @headBgColor;
                padding: 0 5px;
                margin-top: 20px;
                &.disabled {
                    color: @lineColor;
                    border-color: @lineColor;
                }
            }
        }
        button {
            .w(300);
            .h(35);
            font-size: 22px;
            font-weight: bold;
            &.login_btn {
                margin-top: 60px;
                background-color: @headBgColor;
                color: @defaultColor;
                border: none;
            }
            &.register_btn {
                margin-top: 20px;
                background-color: @btnBgColor;
                color: @headBgColor;
                border: 1px solid @headBgColor;
            }
        }
    }
}
